$color_bg : #FFF;
$color_a:#CCC;
$color_box_header:#545EFF;
$color_header_bg : #545EFF;

$width:980px;

html *{padding:0px;margin: 0px;border: none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
body{margin:0px auto;}
@mixin box($w){
	width: $w;
	h1{
		width: 100%;
		background-color: $color_box_header;
		border-bottom: 1px solid #DDD;
		padding: 5px;
	}
	.boxbody{
		border:1px solid #DDD;
		border-top: none;
		padding:5px;
	}
}

#contents{
	width:100%;
	#header{
		background-color: $color_header_bg;
		.hcenter{
			width:$width;
			margin:0px auto;
			.logo{
				width:50px;
				float:left;
				height:30px;
			}
			.menu{
				float:left;
				overflow:hidden;
				a{
					float:left;
					display:block;
					padding:5px 15px;
					background:#aaa;
					margin-right:2px;
					&:hover{
						background-color:#FFF;
					}
				}
			}
			.userinfo{
				float:right;
			}
		}
	}
	#content{
		width: $width;
		margin: 5px auto;
		#left{
			float: left;
			width: 300px;
		}
		#right{
			width: 300px;
			float: right;
		}
		#mid{
			width: 380px;
			float: left;
		}
		#main{
			float: left;
			width: 660px;
		}
	}
	#footer{
		width: 100%;
		background-color: #CCC;
		.fcenter{
			width:$width;
			margin:15px auto;
			border-top:1px solid #FFF;
			padding-top:10px;
			text-align:center;
		}
	}
}
#login{
	width:$width;
	margin:30px auto;
	border:1px solid #CCC;
	position:relative;
	overflow:hidden;
	.loginbox{
		@extend .right;
		right:15px;
		margin-top:15px;
		margin-bottom:150px;
		margin-right:15px;
		width:300px;
		background:#C00;
		form{
			ul{
				margin:15px;
				li{
					line-height:30px;
					list-style:none;
					span{
						display:block;
						@extend .left;
						width:100px;
					}
					.input{
						
					}
				}
			}
		}
	}
}